<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<style type="text/css">
.zth-body-container {
	position: relative;
}

.zth-content-ul {
	position: absolute;
	left: 300px;
	margin-top: 30px;
}

.zth-content-ul ul li {
	margin-bottom: 10px;
}

.zth-content-ul ul li a {
	text-decoration: none;
	display: inline-block;
}

.zth-top-title {
	font-size: 18px;
	font-weight: bold;
	font-family: '楷体';
}

.zth-notice-text1 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.zth-ul-li ul li {
	font-size: 14px;
}
</style>
</head>
<body>
	<div id="app" class="zth-body-container">
		<div class="zth-content-ul">
			<div>
				<div class="zth-top-title">友链</div>
				<div>
					<ul>
						<li v-for="ss in content" v-if="ss.link_type==0"><a href="">{{ss.link_name}}</a>-{{ss.link_description}}</li>

					</ul>
				</div>
			</div>
			<div>
				<div class="zth-top-title">推荐网站</div>
				<div>
					<ul>
						<li v-for="ss in content" v-if="ss.link_type==1"><a href="">{{ss.link_name}}</a>-{{ss.link_description}}</li>
					</ul>
				</div>
			</div>
			<div>
				<div class="zth-top-title">个人链接</div>
				<div>
					<ul>
						<li v-for="ss in content" v-if="ss.link_type==2"><a href="">{{ss.link_name}}</a>-{{ss.link_description}}</li>
					</ul>
				</div>
			</div>
			<div>
				<div class="zth-top-title">链接须知</div>
				<div class="zth-ul-li">
					<div class="zth-notice-text1">欢迎各大猿类大佬借鉴本blog</div>
					<div class="zth-notice-text1">该blog开始编写时间2020.11.27，结完于2020.12</div>
					<div>我的邮箱是3211723402@qq.com，格式要求如下</div>
					<div>
						<ul>
							<li>网站名称：huigeblog</li>
							<li>网站链接：www.zth.com</li>
							<li>网站描述：huige的个人博客</li>
						</ul>
					</div>
					<div>本blog长期有效，欢迎各大博友前来借鉴</div>
				</div>
			</div>
		</div>
	</div>
	<script src="../../../js/vue/axios.min.js"></script>
	<script src="../../../js/vue/vue.js"></script>
	<script type="text/javascript">
		new Vue({
			el:'#app',
			data(){
				return{
					content:[]
				}
			},
			mounted:function(){
				this.show();
			},
			methods:{
				show:function(){
					axios.get('/ssb/link/linkAll').then(res=>{
						this.content=res.data.data;
					},err=>{
						console.log(err);
					});
				},
			},
		});
	</script>
</body>
</html>